طراحي سايت ريسپانسيو چيست؟ آيا با واژه ريسپانسيو(Responsive) يا واكنشگرا آشنا هستيد؟ ريسپانسيو بودن به چه معناست و چه كاربردي دارد؟ آيا استفاده از آن الزامي است؟ چه سرويس هايي به ريسپانسيو بودن اهميت مي دهند؟
ريسپانسيو يا واكنشگرا به اين معنا است كه وب سايت طراحي شده در تمام دستگاه ها نظير كامپيوتر شخصي، لپ تاپ ها، تبلت ها، دستگاه هاي هوشمند و انواع موبايل ها بهترين نمايش را داشته باشد و در هر اندازه اي از خود واكنش نشان دهد. طراحي سايت ريسپانسيو دغدغه بسياري از مديران وب سايت ها است. در قديم بدليل اين كه اندازه صفحه نمايش ها بزرگ بودند و كمتر كسي از دستگاه هاي هوشمند براي بازديد از يك وب سايت استفاده مي كرد، اين موضوع فاقد اهميت بود. ولي در حال حاضر بيش از ۵۰ درصد از كاربران جهت بازديد از يك وب سايت از دستگاه هاي هوشمند به غير از كامپيوترها استفاده مي كنند. اين موضوع باعث شده تا تمام طراحان وب سايت اين موضوع را ناديده نگرفته و به آن توجه كنند و در طراحي هاي خود از آن ها استفاده كنند. طراحي وبسايت ريسپانسيو به يكي از داغترين موضوعات در سال ۲۰۱۳ تبديل شد كه بخشي از آن به دليل رشد گوشي‌هاي هوشمند و ساير دستگاه‌هاي موبايل بود. بيشتر مردم از دستگاه‌هايي با صفحه نمايش كوچكتر براي مشاهده صفحات وب استفاده مي‌كنند.

ريسپانسيو فقط براي نمايش نيست!

سوالي كه وجود دارد اين است كه آيا حالت ريسپانسيو فقط براي بهتر ديدن وب سايت است؟ پاسخ اين سوال منفي است. طراحي سايت ريسپانسيو باعث حرفه اي تر شدن وب سايت شما و حالات واكنشگرا در ابعاد مختلف است. ولي اين امر فقط جنبه ظاهري ندارد و مبحث آن گسترده تر است. علاوه بر اين كه وضوح تصاوير استفاده شده در حالت ريسپانسيو حفظ مي شود، المان هاي طراحي شده در وب سايت هم تحت تاثير اين موضوع هستند. يعني با كوچك شدن صفحه نمايش، وضوح تصاوير و المان ها نيز تغيير مي كند و باعث مي شود تا المان ها نيز باكيفيت ظاهر شوند.

ريسپانسيو؟ سئو؟

تعجب نكنيد! كاملا درست است. حالت واكنشگرا نيز در سئو تاثير بسزايي دارد. گوگل در اوايل سال ۲۰۱۷ به گفته خود تاكيد كرد و اين موضوع را متذكر شد كه وب سايت هايي كه حالت واكنشگرا در آن ها وجود ندارد، به مراتب نمرات منفي دريافت مي كنند. همچنين اين ريسپانسيو بودن از نظر گوگل به همين جا ختم نمي شود. گوگل در سال جديد قصد دارد تا جلوي وب سايت هايي كه كاربران را آزار مي دهد بگيرد. وب سايت هايي كه چه در حالت ريسپانسيو چه در حالت دسكتاپ از ابتدا اسكرول زيادي خورده تا به محتوا برسند نيز نمرات منفي دريافت مي كنند. پس قضيه ريسپانسيو بودن جدي است 🙂 طراحي وب سايت خود را جدي بگيريد!

ادامه مطلب

بازدید : 192

سئو تكنيكال سايت داراي اهميت بسيار بالايي بر روي افزايش رتبه سايت مي باشد. پس از معرفي الگوريتم هاي رتبه بندي گوگل در مبحث سئو و بهينه سازي سايت، اصول سئو سايت دستخوش تغييرات زيادي شد. پس از آن اهميت محتواي وب سايت ها بسيار افزايش يافت و بازاريابي محتوايي در سايت ها و شبكه هاي اجتماعي به شدت روي كار آمدند. اين به اين دليل بود كه ديگر موتور جستجوگر گوگل اهميت بسيار زيادي به كيفيت محتواهاي توليدي مي داد. بعد از آن بازاريابان بيشتر به حوزه توليد محتوا پرداخته و بيشتر از اين طريق به سئو سايت خود مي پرداختند. اما اين در حالي است كه اگر يك وب سايت از لحاظ كد نويسي داراي مشكل باشد و اصول سئو در آن رعايت نشده باشد هر چقدر هم كه محتواي با كيفيت توليد كند، فايده اي نداشته و مطالب در موتور هاي جستجو ايندكس نمي شوند و بازديد مناسب خود را كسب نخواهند نمود.
بنابراين زماني كه يك وب سايت داراي مشكلات تكنيكال باشد كاربران خود را از دست مي دهد زيرا آن ها در جنين سايتي سردرگم شده و حتي ممكن است عمليات خريد را ترك نموده و منصرف شوند. ما بايد يك تجربه ي كاربري اصولي و با كيفيت به آن ها ارائه دهيم.

كد هاي كلاس ۴xx مربوط به خطاي HTTP از طرف كاربر بوده و كدهاي كلاس ۳ xx به جهت تغيير مسير استفاده مي شود.به طور مثال زماني كه با كد ۴۰۴ مواجه مي شويم يني صفحه ي مورد نظر را در دسترس نداريم. بهترين راه به منظور كاهش كدهاي وضعيت HTTP، به روز رساني تمامي صفحاتي از سايت مي باشد كه كدهاي وضعيت ۴۰۴, ۳۰۱, را دارا مي باشند.  اين كار باعث مي شود كه محتواي شما به خوبي ايندكس شده و هر زمان كه كاربر روي لينك مورد نظر كليك مي كند با خطاي ۴۰۴ مواجه نشود.

روش رايج براي افزايش سرعت بارگزاري وب سايت ها وجود دارد :

• فشرده سازي كدهاي CSS،  HTMLو CSS
• بهينه سازي تصاوير
• استفاده بيشتر از خاصيت كش مرورگر

بنابر اين وضعيت سئو تكنيكال اهميت بالايي در افزايش ترافيك ورودي به سايت از گوگل و افزايش رتبه سايت دارد بنابراين بهتر است آن ها را مرتبا كنترل نماييد.

ادامه مطلب

بازدید : 224

در طراحي سايت دو سبك طراحي تخت يا فلت و متريال وجود دارد. اين دو سبك طراحي براساس نظرات يكساني در زمينه طراحي شكل گرفته شده است. يكي از آن ها بسيار جدي و ديگري در حال تبديل به يك مد زودگذر است. طراحي تخت يا فلت، روندي از طراحي سايت است كه به مرور زمان رشد مي كند ولي طراحي متريال يك سري قوانين و دستورالعمل هايي است كه براي رسيدن به يك سبك از طراجي بي نظير شكل گرفته است. در ادامه با آويناوب همراه باشيد تا اين دو سبك را از تمام جهات بررسي كنيم.

طراحي سايت تخت يا فلت(Flat Design)

اين طراحي هاي فلت از جهات بسيار زيادي بر اساس اصولي پايه، ابتدايي است. به اين دليل كه اين نوع از طراحي ها، باعث مي شود با ساده ترين روش ها، آبجكت هاي شما كمي واقعي به نظر برسند. در طراحي فلت از طيف هاي رنگي بسيار زياد تري استفاده مي شود و همين موضوع باعث شده تا در طراحي وب سايت بتوانيم كمي چشم نواز تر عمل كنيم.

ادامه مطلب

بازدید : 174

آگاهي از علم روانشناسي رنگ ها در زندگي ما نقش مهمي را ايفا مي كند. به طور مثال ديدن يك منظره سبز رنگ از طبيعت و ديدن يك منظره پاييزي زرد رنگ احساس متفاوتي در ما ايجاد مي شود؟  معمولا با ديدن منظره سبز رنگ احساس سرزندگي و انرژي به ما دست مي دهد اما با ديدن منظره زرد رنگ پاييزي احساس غم كه تمامي اين احساسات را رنگ ها در ما به وجود مي آورند. روانشناسي رنگ ها در طراحي سايت نيز مهم بوده و كاربر با مشاهده سايت شما در رنگ هاي مختلف احساسات متفاوتي را درك ميكند.حتي گاهي كاربر تنها به دليل رنگ زيبا و جذاب طراحي يك سايت اقدام به خريد محصول از اين وبسايت مي كند. بنابر اين روانشناسي رنگ ها در طراحي سايت بر رفتار و عملكرد كاربران تاثير گزار خواهد بود.

روانشناسي رنگ ها در طراحي سايت

روانشناسي رنگ ها خود علم وسيعي مي باشد به معناي تاثير انواع رنگ ها بر رفتار انسان ها.ما در اين قسمت به مبحث روانشناسي رنگ ها در طراحي سايت مي پردازيم. و اين نكته كه در طراحي خود از جه رنگ هايي متناسب با موضوع وب سايتمان ايجاد نماييم تا كاربران را بهتر و سريع تر جذب نمايد. براي رسيدن به اين مهم بايد درباره اين علم اطلاعاتي داشته باشم. به طور مثال براي طراحي سايت يك رستوران بهتر است  از رنگ صورتي يا قهوه اي استفاده شود رنگ بندي مرتبط و سايت براي كاربر اشتها آور تر باشد. يا براي طراحي سايت پزشكي از رنگ هاي سردي مانند آبي كه آرامش بخش است، استفاده شود و …

ادامه مطلب

بازدید : 216